import { styled } from '@umijs/max'
import { useRequest } from 'ahooks';
import { getBaseInfo } from './services';
import RowData1 from './RowData1';
import RowData2 from './RowData2';
import RowData3 from './RowData3';

const Header = styled.div`
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 18px;
  color: #222222;
`

const BigClientPage: React.FC = () => {
  const baseInfo = useRequest(getBaseInfo)
  
  return (
    <div className='container'>
      <Header>{baseInfo.data?.data.companyName || '--'}</Header>
      <RowData1 loading={baseInfo.loading} baseInfo={baseInfo.data?.data} />
      <RowData2 loading={baseInfo.loading} baseInfo={baseInfo.data?.data} />
      <RowData3 />
    </div>
  );
};

export default BigClientPage;
